

  /* 

      通过Prop向子组件传递数据
          props选项可以指定组件可接受的prop列表，一个组件默认可以拥有任意数量的prop，任何值都可以传递给任何prop
          在组件实例中访问props选项中指定的属性值，就与访问data中的值的方式一样（通过this）  
          html中的属性名是大小写不敏感的，所以浏览器会把所有的大写字符解释为小写字符

              Vue.component('blog-post', {
                props: ['title'],
                template: '<h3>{{ title }}</h3>'
              })      

              // 一个prop被注册之后，就可以把数据作为一个自定义属性传递进来，这里传入一个静态的值
              <blog-post title="My journey with Vue"></blog-post>
              <blog-post title="Blogging with Vue"></blog-post>
              <blog-post title="Why Vue is so fun"></blog-post>

              // 也可以通过v-bind来动态赋值
              new Vue({
                el: '#blog-post-demo',
                data: {
                  posts: [
                    { id: 1, title: 'My journey with Vue' },
                    { id: 2, title: 'Blogging with Vue' },
                    { id: 3, title: 'Why Vue is so fun' }
                  ]
                }
              })  


              <blog-post v-for="post in posts" v-bind:key="post.id" v-bind:title="post.title"></blog-post>


          可以为prop指定值的类型
              props: {
                title: String,
                likes: Number,
                isPublished: Boolean,
                commentIds: Array,
                author: Object,
                callback: {
                  type: Function,
                  required: true
                },
                contactsPromise: Promise // or any other constructor
              }


   */
  
